<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>文章</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/common.js"></script>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" href="css/wenzhang.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
	</head>
	<body>
		<input type="checkbox" id="check" />
		<input type="checkbox" id="check2" />
		<input type="checkbox" id="check3" />
		<input type="checkbox" id="check4" />
		<input type="checkbox" id="check5" />
		<input type="checkbox" id="check6" />
		<input type="checkbox" id="check7" />
		<input type="checkbox" id="check8" />
		<input type="checkbox" id="check9" />
		<input type="checkbox" id="check10" />
		<input type="checkbox" id="check11" />
		<div class="mobile">
			<!--头部-->
			<header>
				<label for="check">
					<ul class="login">
						<li></li>
						<li></li>
						<li></li>
					</ul>
					<div class="message1">1</div>
				</label>
				<div class="logo"><img src="img/logo.png"/></div>
				<div class="search">
					<label for="check11">
						<img src="img/search.png"/>
					</label>
				</div>
			</header>
			
				<!--轮播图-->
		  	<div class="swiper-container">
		  	  <div class="swiper-wrapper">
		     	 <div class="swiper-slide">
		     	 	<div class="lb_img">
			     	 	<img src="img/lb1.png"/>
		     	 	</div>
		     	 	<div class="lb_txt">
		     	 		<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
		     	 		<i class="iconfont icon-aixin love1"><span>120</span></i>
		     	 		<i class="iconfont icon-yanjing yanjing1"><span>560</span></i>
		     	 		<p>12月26日 07:33:43</p>
		     	 	</div>
		     	 </div>
		     	 <div class="swiper-slide">
		     	 	<div class="lb_img">
			     	 	<img src="img/lb2.png"/>
		     	 	</div>
		     	 	<div class="lb_txt">
		     	 		<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
		     	 		<i class="iconfont icon-aixin love1"><span>120</span></i>
		     	 		<i class="iconfont icon-yanjing yanjing1"><span>560</span></i>
		     	 		<p>12月26日 07:33:43</p>
		     	 	</div>
		     	 </div>
		     	 <div class="swiper-slide">
		     	 	<div class="lb_img">
			     	 	<img src="img/lb3.png"/>
		     	 	</div>
		     	 	<div class="lb_txt">
		     	 		<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
		     	 		<i class="iconfont icon-aixin love1"><span>120</span></i>
		     	 		<i class="iconfont icon-yanjing yanjing1"><span>560</span></i>
		     	 		<p>12月26日 07:33:43</p>
		     	 	</div>
		     	 </div>
		     	 <div class="swiper-slide">
		     	 	<div class="lb_img">
			     	 	<img src="img/lb4.png"/>
		     	 	</div>
		     	 	<div class="lb_txt">
		     	 		<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
		     	 		<i class="iconfont icon-aixin love1"><span>120</span></i>
		     	 		<i class="iconfont icon-yanjing yanjing1"><span>560</span></i>
		     	 		<p>12月26日 07:33:43</p>
		     	 	</div>
		     	 </div>
		   	  </div>		    
		    <!-- Add Pagination -->
		    	<div class="swiper-pagination"></div>		    
		  	</div>
		  
			<script src="js/swiper-4.3.3.min.js"></script>
		
		  	<!-- Initialize Swiper -->
			<script>
			    var mySwiper = new Swiper('.swiper-container', {
			    	autoplay:true,
			    	autoplay: {
							    delay: 2000,
							    stopOnLastSlide: false,
							    disableOnInteraction: true,
							    },
							    
							    
			  		
			    });
			    /*鼠标滑过pagination控制swiper切换*/
					for(i=0;i<mySwiper.pagination.bullets.length;i++){
					  mySwiper.pagination.bullets[i].index=i
					  mySwiper.pagination.bullets[i].onmouseover=function(){
					    mySwiper.slideTo(this.index);
					  };
					}
			</script>
			<!--主体内容-->
			<section>
			<div class="content clear_fix">
				<div class="haitian clear_fix">
					<div class="haitian_img">
						<label for="check9">
							<img src="img/wenzhang_pic_01.jpg"/>
						</label>
					</div>
					<h1>海天“晒“宴，和汪涵一起，参观海天酱油......</h1>
					<div class="input_i clear_fix">
						<input type="button" value="营销" />
						<span><i class="iconfont icon-aixin aixin1"></i>120</span>
						<span><i class="iconfont icon-yanjing eyes"></i>560</span>
					</div>
					<div class="user_message clear_fix">
						<div class="message_img"><img src="img/photo.jpg"/></div>
						<p>小脑斧</p>
						<p>2015年1月20日</p>
					</div>
				</div>
				<!---------------------------------------------------->
				<div class="haitian clear_fix">
					<div class="haitian_img">
						<label for="check9">
							<img src="img/wenzhang_pic_01.jpg"/>
						</label>
					</div>
					<h1>海天“晒“宴，和汪涵一起，参观海天酱油......</h1>
					<div class="input_i clear_fix">
						<input type="button" value="营销" />
						<span><i class="iconfont icon-aixin aixin1"></i>120</span>
						<span><i class="iconfont icon-yanjing eyes"></i>560</span>
					</div>
					<div class="user_message clear_fix">
						<div class="message_img"><img src="img/photo.jpg"/></div>
						<p>小脑斧</p>
						<p>2015年1月20日</p>
					</div>
				</div>
				<!---------------------------------------------------->
				<div class="haitian clear_fix">
					<div class="haitian_img">
						<label for="check9">
							<img src="img/wenzhang_pic_01.jpg"/>
						</label>
					</div>
					<h1>海天“晒“宴，和汪涵一起，参观海天酱油......</h1>
					<div class="input_i clear_fix">
						<input type="button" value="营销" />
						<span><i class="iconfont icon-aixin aixin1"></i>120</span>
						<span><i class="iconfont icon-yanjing eyes"></i>560</span>
					</div>
					<div class="user_message clear_fix">
						<div class="message_img"><img src="img/photo.jpg"/></div>
						<p>小脑斧</p>
						<p>2015年1月20日</p>
					</div>
				</div>
				<!---------------------------------------------------->
				<div class="haitian clear_fix">
					<div class="haitian_img">
						<label for="check9">
							<img src="img/wenzhang_pic_01.jpg"/>
						</label>
					</div>
					<h1>海天“晒“宴，和汪涵一起，参观海天酱油......</h1>
					<div class="input_i clear_fix">
						<input type="button" value="营销" />
						<span><i class="iconfont icon-aixin aixin1"></i>120</span>
						<span><i class="iconfont icon-yanjing eyes"></i>560</span>
					</div>
					<div class="user_message clear_fix">
						<div class="message_img"><img src="img/photo.jpg"/></div>
						<p>小脑斧</p>
						<p>2015年1月20日</p>
					</div>
				</div>
				<!---------------------------------------------------->
				<div class="haitian clear_fix">
					<div class="haitian_img">
						<label for="check9">
							<img src="img/wenzhang_pic_01.jpg"/>
						</label>
					</div>
					<h1>海天“晒“宴，和汪涵一起，参观海天酱油......</h1>
					<div class="input_i clear_fix">
						<input type="button" value="营销" />
						<span><i class="iconfont icon-aixin aixin1"></i>120</span>
						<span><i class="iconfont icon-yanjing eyes"></i>560</span>
					</div>
					<div class="user_message clear_fix">
						<div class="message_img"><img src="img/photo.jpg"/></div>
						<p>小脑斧</p>
						<p>2015年1月20日</p>
					</div>
				</div>
				<!---------------------------------------------------->
				<div class="haitian clear_fix">
					<div class="haitian_img">
						<label for="check9">
							<img src="img/wenzhang_pic_01.jpg"/>
						</label>
					</div>
					<h1>海天“晒“宴，和汪涵一起，参观海天酱油......</h1>
					<div class="input_i clear_fix">
						<input type="button" value="营销" />
						<span><i class="iconfont icon-aixin aixin1"></i>120</span>
						<span><i class="iconfont icon-yanjing eyes"></i>560</span>
					</div>
					<div class="user_message clear_fix">
						<div class="message_img"><img src="img/photo.jpg"/></div>
						<p>小脑斧</p>
						<p>2015年1月20日</p>
					</div>
				</div>
			</div>
			<!--加载更多-->
				<div class="more">
					<a href="">加载更多</a>
				</div>
			</section>
			<div class="qwer">
			<div class="pass1">
				<h1>海天“晒“宴，和汪涵一起，参观海天酱油阳光工厂</h1>
				<div class="pass1_i clear_fix">
					<p><i class="iconfont icon-yanjing eyes2"></i>560</p>
					<p><i class="iconfont icon-aixin aixin2"></i>20</p>
				</div>
				<div class="pass1_span">
					<p>2015-1-20<span>[数字营销]</span></p>
				</div>
				<div class="wz_txt">
					<p>摘要：“海天阳光之旅”，携手汪涵启程啦！ 幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加"海天阳光之旅"吧！</p>
					<h1>互联网呈现移动化、社交化、视频化等形式，未来互联网营销是新趋向。</h1>
					<p>与此同时，随着互联网的移动化快速发展与社会化趋势，网民需求正在逐渐多样化。在这一前提下，无论是互联网巨头还是各种创新型互联网企业，单凭自身的资源与创新能力已经无法满足依赖移动互联网平台，表达形式日渐多样化的网民日益多元化的需求。有鉴于此，海天在2014年开始大力发展互联网营销事业，试图在互联网抢夺更多的用户。</p>
					<h1>剑指对手，紧追猛打—海天酱油抢回“晒”语权</h1>
					<p>直接剑指对手，打出新口号，紧追猛打。针对对手的产品口号，2014年海天酱油新定位—晒出来的好酱油，不仅晒足180天哦！在对手已经教育消费者，好酱油是晒出来的层面上，继续强势教育消费者，其实好酱油不止晒足180天，进一步加深消费者的印象，强势植入品牌概念。希望在新的领域抢夺更多的用户，挖掘更多的潜在受众。</p>
					<div class="wz_img"><img src="img/wz2_01.jpg"/></div>
				</div>
				<!-------------------------------------------------------->
				<div class="wz_txt2">
					<h1>全网覆盖，最大声量--海天在新阵地上刷新年轻新形象</h1>
					<p>互联网一直是年轻人的聚集地，想要扩大活动声量结合人群属性和触媒习惯，选择在互联网作为主阵地，最大力度地扩散活动的影响力，聚焦主流平台及优势资源，引爆海天在互 联网上的传播力，为品牌活动引流。</p>
					<p>四大门户媒体：品牌及活动主力支撑平台，为品牌做公关护航</p>
					<p>四大视频媒体：品牌TVC补充曝光，为活动引流助力社会化媒体自发扩散，通过大量转发，促进二次传播。</p>
					<div class="wz_img"><img src="img/wz2_02.jpg"/></div>
				</div>
				<!-------------------------------------------------------->
				<div class="wz_txt3">
					<h1>策略方向</h1>
					<p>点面结合，互动为王</p>
					<h1>点</h1>
					<p>紧贴明星汪涵话题点，借助汪涵的明星效应，紧跟工厂游社会热点，通过参观工厂，探秘工厂内部制作酱油的全过程紧抓网友利益点：设置互动活动奖励机制，刺激网友参加</p>
					<h1>面</h1>
					<p>媒介公关全面造势：全方位扩散“海天阳光之旅”的活动精准视频渗透：重点推广品牌TVC，继续借助明星效应社会化口碑广泛积累：通过口口相传的口碑营销，为活动积累人气</p>
					<div class="wz_img"><img src="img/wz2_03.jpg"/></div>
				</div>
				<!-------------------------------------------------------->
				<div class="wz_txt4">
					<h1>活动简介：</h1>
					<p>“海天阳光之旅”，携手汪涵启程啦！</p>
					<p>幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！</p>
					<h1>活动时间：</h1>
					<p>2014年9月15日—2014年10月30日</p>					
					<p>多版活动素材，增强活动新鲜感，提升网民参与热度！分为不同的时期，分别推出不同的网站页面，通过分阶段的视觉冲击，增加活动的趣味性，吸引更多的网友持续关注活动，为活动打造更强的互动体验。</p>
					<div class="wz_img"><img src="img/wz2_04.jpg"/></div>
				</div>
				<!-------------------------------------------------------->
				<div class="wz_txt5">				
					<p>趣味化广告 + 晒酱油视频 + 利益性抽奖,引爆全网最大化传播！借助汪涵的名人效应，不断地播放品牌TVC，强势教育消费者设置不同的奖项，刺激消费者带动更多的人参与活动，引发全网最大化传播</p>
					<div class="wz_img"><img src="img/wz2_05.jpg"/></div>
					<p>截止10月13日，参与活动人数已达157万，海天引发全网互动狂潮！撬动网民内心支点奖品派不停！参与人数持续升高！</p>
					<p>20元红包1000份，共计2万元</p>
					<p>50元红包500份，共计2万5千元</p>
					<p>合计已派发红包1500份！</p>
				</div>	
				<!-------------------------------------------------------->
				<div class="wz_txt6">
					<div class="wz_img"><img src="img/wz2_06.jpg"/></div>
					<p>总的来说，“阳光海天之旅”，集中资源，全网传播，互动效果明显，社会化传播上好评如潮对比厨邦酱油、李锦记，海天酱油在百度指数上遥遥领先，成功建立竞争壁垒！</p>
				</div>
				<div class="wz_img_07"><img src="img/wz2_07.jpg"/></div>
			</div>
				<!--上一篇-->
				<div class="last">
					<p>上一篇：<a href="">Flyme的新Logo也一同亮相</a></p>
				</div>
				<!--发表评论-->
				<div class="comment">
					<div class="comment_top">
						<div class="top_1">
							<div class="top_1_img"><img src="img/comment_img_01.png"/></div>
							<p>点赞</p>
						</div>
						<div class="top_1">
							<div class="top_1_img"><img src="img/comment_img_02.png"/></div>
							<p>收藏</p>
						</div>
						<div class="top_1">
							<div class="top_1_img"><img src="img/comment_img_03.png"/></div>
							<p>分享</p>
						</div>
					</div>
					<div class="comment_txt">
						<p><a href="">登录</a>后参与评论</p>
					</div>
					<div class="comment_btn">
						<p>发表评论</p>
					</div>
				</div>
				<div class="comment_02 clear_fix">
					<p>已有 <span>3</span> 条评论</p>
					<div class="comment_02_pic clear_fix">
						<div class="comment_02_img"><img src="img/photo.jpg"/></div>
						<p>小脑斧<span>1天前</span></p>
					</div>
					<p>在这个互相仇恨的年代，抓的点不错</p>
					<p>2015-11-8 11:04</p>
					<div class="answer clear_fix">
						<label for="check10">
							<p>(2)回复<span>></span></p>
						</label>
					</div>
						<!--下拉框-->
						<div class="comment_sel">
							<div class="mimo clear_fix">
								<div class="mimo_pic"><img src="img/photo.jpg"/></div>
								<p>Mimo:在这个互相仇恨的年代，抓的点不错</p>
								<p>2015-11-9 10:02</p>
							</div>
							<!------------------------------------------->
							<div class="mimo clear_fix">
								<div class="mimo_pic"><img src="img/photo.jpg"/></div>
								<p>Clonaerdo:越来越多的快餐品牌更注重人们吃东西时候玩手机的行为洞察</p>
								<p>2015-11-9 10:02</p>
							</div>
							<!------------------------------------------->
							<textarea>有一天</textarea>
							<div class="fabiao">发表</div>
						</div>
						<!----------------------------------------------->
						
				</div>
			<!--加载更多-->
				<div class="more">
					<a href="">加载更多</a>
				</div>
				
			</div>
			
			<!--底部-->
			<footer class="clear_fix">
				<a href="index.html" class="home">
					<div class="home_img"><img src="img/shouye.png"/></div>
					<p>首页</p>
				</a>
				<div class="border-right"></div>
				<a href="gimc.html" class="gi">
					<div class="gi_img"><img src="img/GIMC_btn_2.png"/></div>
					<p>GIMC</p>
				</a>
				<div class="border-right"></div>
				<a href="wenzhang.html" class="article">
					<div class="art_img"><img src="img/wenzhang.png"/></div>
					<p>文章</p>
				</a>
				<div class="border-right"></div>
				<a href="ziyuan.html" class="resource">
					<div class="res_img"><img src="img/ziyuan_02.png"/></div>
					<p>资源</p>
				</a>
				<div class="border-right"></div>
				<a href="xueyuan.html" class="college">
					<div class="col_img"><img src="img/xueyuan_02.png"/></div>
					<p>学院</p>
				</a>
			</footer>
		</div>
		<!--登录弹窗-->
		<div class="loginBox">
			<label for="check">
				<span class="back">×</span>
			</label>
		
			<div class="loginBox_1">
				<div class="touxiang"><img src="img/head.png"/></div>
				<label for="check6"><p>立即登录</p></label>
				<a href="">忘记密码</a>
			</div>
			<!--灰度条-->
			<div class="gray"></div>
			<!--GIMC-->
			<label for="check2">
				<div class="GIMC clear_fix">
						<p>GIMC</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel">
				<label for="check2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</label>
			</div>
			<!--文章-->
			<label for="check3">
				<div class="article clear_fix">
						<p>文章</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel1">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--资源-->
			<label for="check4">
				<div class="resources clear_fix">
						<p>资源</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--课程-->
			<label for="check5">
				<div class="curriculum clear_fix">
						<p>课程</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel3">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
		</div>	
		<!--登录页面-->
		<div class="loginBox2 clear_fix">
			<div class="big_logo"><img src="img/big_logo.png"/></div>
			<!--用户-->
			<div class="user clear_fix">
				<div class="user_pic"><i class="iconfont icon-user user_img"></i></div>
				<input type="text" placeholder="请输入已验证的手机号或邮箱"/>
			</div>
			<!--密码-->
			<div class="password clear_fix">
				<div class="password_pic"><i class="iconfont icon-mima password_img"></i></div>
				<input type="password" placeholder="请输入密码"/>
			</div>
			<!--忘记密码-->
			<div class="forget clear_fix">
				<i class="iconfont icon-wenhao wenhao"></i>
				<a href="">忘记密码</a>
			</div>
			<!--登录按钮-->
			<div class="login_btn clear_fix">
				<label for="check7">
					<h1>登录</h1>
				</label>
			</div>
			<!--注册按钮-->
			<div class="register_btn">
				<h1>注册</h1>
			</div>
		</div>
		<!--用户界面-->
		<div class="user_box">
				<a href="" class="back">×</a>
			<div class="loginBox_1 clear_fix">
				<div class="touxiang"><img src="img/photo.jpg"/></div>
				
				<div class="username clear_fix">
					<p>小脑斧</p>
					<a href="">个人中心></a>
				</div>
				<div class="star">
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
				</div>
				<div class="fans">
					<p>关注<span>36</span></p>
					<p>粉丝<span>290</span></p>
				</div>
				<div class="user_btn">
					<input type="button" value="我的收藏"/>
					<input type="button" value="我的发布"/>
				</div>
			</div>
			<!--灰度条-->
			<div class="gray"></div>
			<!--GIMC-->
			<label for="check2">
				<div class="GIMC clear_fix">
						<p>GIMC</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel">
				<label for="check2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</label>
			</div>
			<!--文章-->
			<label for="check3">
				<div class="article clear_fix">
						<p>文章</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel1">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--资源-->
			<label for="check4">
				<div class="resources clear_fix">
						<p>资源</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--课程-->
			<label for="check5">
				<div class="curriculum clear_fix">
						<p>课程</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel3">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<div class="out">
				<label for="check8">
					<div class="tuichu">退出</div>
				</label>	
			</div>
		</div>
		<!--搜索界面-->
		<div class="sea_box">
			<div class="sea_box_nav clear_fix">
				<label for="check11">
					<span class="back">×</span>
				</label>
				<div class="sea_nav clear_fix">
					<div class="nav_img"><img src="img/sea_img.png"/></div>
					<input type="text" placeholder="Search"/>
				</div>
			</div>
				<div class="sea_content clear_fix">
					<h1>热搜</h1>
					<!--省广股份-->
					<div class="sggf"><p>省广股份</p></div>
					<!--移动互联网-->
					<div class="ydhlw"><p>移动互联网</p></div>
					<!--细分平台业务-->
					<div class="xfptyw"><p>细分平台业务</p></div>
					<!--020-->
					<div class="O2O"><p>O2O</p></div>
					<!--媒介-->
					<div class="mjpt"><p>媒介平台</p></div>
					<!--拥抱变革，创造未来-->
					<div class="ybbg"><p>拥抱变革，创造未来</p></div>
					<!--平台-->
					<div class="pt"><p>平台</p></div>
					<!--上海金投赏创意节-->
					<div class="shjt"><p>上海金投赏创意节</p></div>
				</div>
		</div>
	</body>
</html>
